<template>
    <div class="page">
        <div class="header flex-align-items">
            <div class=' w-1200 breadcrumb '>
                <img  src="@/static/engineering5188/common/first.png" alt="">
                <span class="color66 m-l-10">服务中心</span>
                <span class="color66 m-l-5">></span>
                <span class="color00 m-l-5">付款方式</span>
            </div>
        </div>
        <div  class=' w-1200 m-t-56 p-b-56'>
            <div class="title">付款方式</div>
            <div class="m-t-20 font16 min-height">
                <div class="">
                    <span>付款方式：您可以通过汇款、转账、网上支付方式付款，</span>
                    <span class="redColor">付款时请备注单位名称及联系电话。</span>
                </div>
                <div class="m-t-20 flex-between">
                    <div class="itemlist">
                        <div>
                            <img class="bankLogo" src="@/static/engineering5188/service/jianshe.png" alt="">
                        </div>
                        <div>
                            <div class="m-t-37 title_name">账户名称：武汉德星网络科技有限公司</div>
                        <div class="title_name">
                            账户号码：4205 0111 6297 0918 8188
                        </div>
                        <div class="title_name">
                            开户银行：建设银行武汉蔡家田支行
                        </div>
                        </div>
                        
                    </div>
                    <div class="itemlist">
                        <div>
                            <img class="qrcode" src="@/static/engineering5188/service/zhifubao.png" alt="">
                        </div>
                            <div class="m-t-26 title_name">支付宝扫一扫付款二维码</div>
                        <div class="title_name">
                            账户名称：武汉德星网络科技有限公司
                        </div>                      
                    </div>
                    <div class="itemlist">
                        <div>
                            <img class="qrcode" src="@/static/engineering5188/service/zhifubao.png" alt="">
                        </div>
                            <div class="m-t-26 title_name">微信扫一扫付款二维码</div>
                        <div class="title_name">
                            账户名称：武汉德星网络科技有限公司
                        </div>                      
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</template>

<script>
export default {
    name: "aboutUs",
    props: [],
    data() {
        return {
            privacyContent:'',
        };
    },
    props:{
    },
    computed: {
    },
    watch: {},
    created() {
        this.getData();
    },
    methods: {
        getData(){
            this.$httpApi("/api/setting", {},'get').then(res => {
                this.privacyContent = res.data.site_about_us
            })
        }
    },
};
</script>

<style scoped lang="less">
.page{
    width:100%;
    height:100%;
    background-color:  #F6F6F6;

    
    .header{
        width:100%;
        height:60px;
        background-color: #fff;
    }

    .w-1200{
        width:1200px;
        margin:0 auto;
    }
    .breadcrumb{
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
    }
    img{
        width:14px;
        height:14px;
    }
    .color66 {
        color: #666666;
    }
    .color00{
        color:#000;
    }

    .m-l-10{
        margin-left:10px;
    }
    .m-l-5{
        margin-left:5px;
    }

    .flex-align-items{
        display: flex;
        align-items: center;
    }

    .m-t-56{
        margin-top:56px;
    }
    .m-t-20{
        margin-top:20px;
    }
    .p-b-56{
        padding-bottom:56px;
    }

    .title{
        font-weight: bold;
        font-size: 36px;
        color: #000000;
    }
    .font16{
        font-size: 16px;
    }
    .min-height{
        min-height: 300px;
    }
    .redColor{
        color: #FF0000;
    }

    .itemlist{
        width: 385px;
        height: 290px;
        background: #FFFFFF;
        border-radius: 0px 0px 0px 0px;
        border: 1px solid #E6E6E6;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .m-t-37{
        margin-top:37px;
    }
    .bankLogo{
        width: 200px;
        height:64px;
    }
    .title_name{
        font-weight: 400;
        font-size: 16px;
        color: #000000;
        line-height: 32px;
    }
    .qrcode{
        width: 160px;
        height:160px;
    }
    .m-t-26{
        margin-top:26px;
    }
    .flex-between{
        display: flex;
        justify-content: space-between;
    }
}

</style>